/*
Theme Name: Truefriendhosteltravelhouse.com
Theme URI: http://vietsite.info
Author: dbthanhbinh@gmail.com
Author URI: http://vietsite.info
Description: The 2012 theme for my theme  
Version: 1.0
License: GNU General Public License
Tags: theme, Truefriendhosteltravelhouse.com 
*/
@import url(js/slide_footer/skin_footer.css);
@import url(js/slideshow/slide.css);
@import url(js/scrool/jScrollPane.css);
*{
	margin:0;
	padding:0;
}
body
{
	background:url(images/bg_05.jpg) repeat;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:62.5%;
	color:#333333;
}
li
{
	list-style-type:none;
}
a
{
	text-decoration:none;
}
a img
{
	border:0;
}
h1,h2, h3, h4, h5, h6
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;	
}
.current_page_item a
{
	color:#FC0 !important;
}
.clear
{
	clear:both;
}
.div10
{
	width:90%;
	height:0px
}
#warpper
{
	padding:10px 0;
	height:auto;
	overflow:hidden;
}
#header
{
	width:1000px;
	margin:0 auto;
	height:auto;
	overflow:hidden;
}
#logo
{
	float:left;
	width:300px;
}
#search
{
	float:right;
}
#logo .site_name, #logo .site_desc, #logo h1, #logo h2 {
    font-size: 12px;
    text-indent: -9999px;
}
.icondt
{
	background:url(images/iconphone_08.png) no-repeat;
	width:23px; height:19px;
	border-right:1px solid #ddd3cc;
	padding-right:10px;
	float:left;
	margin-left:60px;
	margin-bottom:20px;
}
.textdt
{
	float:left;
	padding-left:15px;
	color:#ffffff;
	font-size:18px;
}
#search form input[type=text]
{
	border: 1px solid #f8efd4;
    display: block;
    float: left;
    height: 30px;
    line-height: 22px;
    width: 160px;
	background:#FFF;
	border-radius:5px 0 0 5px;
}
#search form input[type=submit]
{
    border: 0 none;
    cursor: pointer;
    display: block;
    float: left;
    height: 32px;
	background:#e2bd42;
	border-radius:0 5px 5px 0;
	color:#FFF;
	font-weight:bold;  
	padding:0 5px;
}
#bgmenu
{
	background:url(images/bgmenu_03.jpg) repeat-x;
	height:53px;
}
#menu
{
	width:1000px;
	margin:0 auto;
}
#menu ul li
{
	display:inline;	
	border-right:1px solid #e2c876;
}
#menu ul li a
{
	color:#FFF;
	text-transform:uppercase;
	font-size:16px;
	font-family:"Times New Roman", Times, serif;	
	line-height:53px;
	padding:0 10px;
}
#menu ul li a.active
{
	background:url(images/bgactive_05.jpg) top repeat-x;
	height:51px;
	padding:16px 10px;
	font-weight:bold;
	margin: 0 2px 0 -1px;
}
#menu ul li a:hover
{
	color:#eeca57;
}
#menu ul li a.last, ul.menu-info li a.last,ul.menu-info li.last
{
	border-right:0 !important;
}
#slideshowtop {    
    position: relative;
    width: 1000px;
	margin:0 auto;
	height:400px;
	border-bottom:1px solid #8e754f;
}
.bgslidetop {
    background: none repeat scroll 0 0 #6e470f;
    height: 50px;
    left: 0px;
    opacity: 0.9;
    position: absolute;
    bottom:0px;
    width: 1000px;
    z-index: 1;
}
.textslidetop {
    left: 10px;
    position: absolute;
    bottom:20px;
    width: 400px;
    z-index: 7;
}
.textslidetop a{
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
}
.textslidetop a:hover{
	text-decoration:underline;
}
#maincontent
{
	width:980px;
	margin:0 auto;
	padding:10px;
	height:auto;
	overflow:hidden;
	background:#FFFFFF;
}
#sidebar-left
{
	float:left;
	width:362px;	
}
#content-right{
	float:left;
	width:600px;
	margin-left:18px;
}
.booking, .support
{
	width:350px;
	height:auto;
	overflow:hidden;
	border:1px solid #a9a5a5;
	background:#FFFFFF;
	padding:0px  5px 5px 5px;
	border-radius:5px 5px 0 0;
	margin-bottom: 10px;
}
.booking form .labelfirst
{
	display: block;
    float: left;
    line-height: 24px;
    width: 75px;
	color:#7f5911;
	font-size:13px;
}
.booking form input[type=text]
{
	 border: 1px solid #548ac9;
    float: left;
    height: 24px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    width: 108px;
}
.booking form p
{
	position:relative;
	margin-bottom: 0;
    overflow: hidden;
    padding-bottom: 5px;
	float:left;
}
.booking form p img
{
	position:absolute;
	top:3px;
	left:160px;
}
.booking form input[type=submit]
{
background:url(images/submit_03.png) no-repeat;
width:70px; height:25px;
border:0;
cursor:pointer;
float:left;
margin-left:5px;
}
.booking form
{
background:#e1bc2a;
width:340px;
height:116px;
padding:5px;
}
.iconbooking
{
	background:url(images/@_13.jpg) no-repeat;
	width:33px;
	height:39px;
	display:block;
	margin-top:5px;
	float:left;
}
.booking h3, .support h3
{
	color:#7f5911;
	font-size:18px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	text-align:center;
	line-height:51px;
	text-transform:uppercase;
	background:#e7e5e5;
}
.booking form .labelsecond {
    color: #7F5911;
    display: block;
    float: left;
    font-size: 13px;
    line-height: 24px;
    width: 63px;
	padding-left:5px;
}
.booking form div.parent {
    position: relative;
	float:left;
}
.booking form select.select {
    height: 26px !important;
    line-height: 26px;
    position: relative;
    width: 85px !important;
    z-index: 10;
}
.booking form .room select.select {
width:110px !important;
}
.booking form span.select
{
	 background: url(images/bgselect_03.jpg) no-repeat scroll 0 0 transparent;
    bottom: 0;
    cursor: default;
    float: left;
    font-size: 12px;    
    height: 26px;
    left: 0;
    line-height: 26px;
    position: absolute;
    text-indent: 10px;
    width: 85px;
    z-index: 1;
}
.booking form .room span.select
{
background:url(images/bglargeselect_03.jpg) no-repeat !important;
width:110px !important;
height:26px !important;
}
.iconsuport
{
background:url(images/support_03.png) no-repeat;
width:55px;
height:49px;
display:block;
float:left;
}
.subcrib input[type=text]
{
border:1px solid #4e88cf;
width:262px;
height:28px;
line-height:28px;
color:#575757;
font-size:12px;
font-style:italic;
text-indent:5px;
margin:15px 0;
}

#footer h3
{
background:url(images/iconthap_07.png) left no-repeat;
height:17px;
text-transform:uppercase;
font-size:18px;
color:#7f5911;
font-weight:bold;
margin-left:30px;
margin-bottom:10px;
padding-left:5px;
text-indent:20px;
font-family:"Times New Roman", Times, serif;
}
.leftfooter
{
background:url(images/hoaleft_03.jpg) no-repeat;
width:29px;
height:159px;
float:left;
}
.midfooter
{
float:left;
}
.midfooter ul li
{
float:left;
position:relative;
padding:0 3px;
}
.midfooter ul li .bgfooter
{
background:#706c69;
opacity: 0.4;
width:225px;
height:26px;
position:absolute;
top:133px;
left:1px;
z-index:1;
}
.midfooter ul li .textfooter
{
position:absolute;
top:137px;
left:50px;
z-index:2;
}
.midfooter ul li .textfooter a
{
color:#FFFFFF;
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
.midfooter ul li .textfooter a:hover
{
	color:#e1bc2a;
}
.rightfooter
{
background:url(images/hoaright_03.jpg) no-repeat;
width:29px;
float:left;
height:159px;
}
.midfooter ul li img
{
	width:224px;
	height:159px;
}
#copyright
{
	background:url(images/bgfooter_03.jpg) repeat-x;
	height:51px;
	width:1000px;
	text-align:center;
	margin:0 auto;
	color:#7f5911;
	font-size:13px;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
	line-height:51px;	
}
#copyright a
{
	color:#7f5911;
}
#copyright a:hover
{
	color:#e1bc2a;
}
.box-bottom
{
	width:350px;
	overflow:hidden;
}
.box-bottom .yahoo li, .box-bottom .phone li{
    height: 16px;
    line-height: 16px;
    margin: 7px 0;
}
.box-bottom .yahoo li a{
    float: left;
    height: 16px;
    line-height: 16px;
}
.box-bottom .phone li p
{
	font-size:12px;
}
.box-bottom .yahoo li span{
    float: left;
    height: 16px;
    line-height: 16px;
	font-size:12px;
    margin-left: 8px;
	color:#000000;
}
.box-bottom .yahoo {
    background: url(images/line-lien-he.jpg) no-repeat scroll right center transparent;
    float: left;
    width: 150px;
}
.box-bottom .phone {
    background: url(images/bg-lienhe.png) no-repeat scroll left center transparent;
    float: left;
    padding-left: 56px;
    width: 143px;
}
#content-right ul.dichvu li
{
	float:left;
	padding:0 15px;	
}
#content-right ul.dichvu li img
{
	width:237px; 
	height:175px;
}
#content-right ul.dichvu li .bgdichvu
{
	border-top:1px solid #a97003;
	border-left:1px solid #a97003;
	border-right:1px solid #a97003;
	border-radius:3px 3px 0 0;
	padding:8px;
}
#content-right ul.dichvu li h3
{
	background:#e1bc2a;
	width:257px;
	height:41px;
	border-bottom:1px solid #a97003;
	border-left:1px solid #a97003;
	border-right:1px solid #a97003;
	line-height:41px;
	text-align:center;
}
#content-right ul.dichvu li h3 a
{
	color:#7f5911;
	font-size:18px;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
}
#content-right ul.dichvu li h3 a:hover
{
	color:#372d1b;
}
#content-right .about h2
{
	color:#7f5911;
	font-size:18px;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
	padding-top:10px;
}
.bgabout
{
	background:url(images/lineabout_03.png) no-repeat;
	width:559px;
	height:31px;
}
#content-right .about
{
	margin-left:20px;
}
#content-right .about p
{
	color:#575757;
	font-size:13px;
	line-height:20px;
	text-align:justify;
}
#content-right .about p.readmore a
{
	color:#925d00;
	font-style:italic;
	font-size:13px;
	float:right;
}
#content-right .about p.readmore a:hover
{
	font-weight:bold;
}
.iconhome
{
	background:url(images/home_03.png) left no-repeat;
	width:20px;
	height:18px;
	display:block;
	padding-right:10px;
	float:left;
}
.btbreakcumb {
    color: #00559f;
    font-size: 12px;
    padding-bottom: 7px;
	padding-left:10px;
	line-height:21px;
}
.btbreakcumb a {
    color: #00559f;
    font-size: 12px;
}
.btbreakcumb a:hover
{
	text-decoration:underline;
}
#content-right h1
{
	color:#7f5911;
	font-size:18px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
}
.fivetab ul.menu-info
{
	background:#e1bc2a;
	padding:5px;
	border-radius:5px;
	margin:15px 0;
}
.fivetab ul.menu-info li
{
	display:inline;
	position:relative;
}
.fivetab ul.menu-info li a
{
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
	border-right:1px solid #fdfbf1;
	padding:0 15px;
}
.fivetab ul.menu-info li a:hover
{
	color:#7d5c2b;
}
.fivetab ul.menu-info li a.active
{
	background:url(images/active_03.png) bottom no-repeat;
	padding-bottom:5px;
	color:#7d5c2b;	
}
.fivetab ul.menu-info li a.active:hover
{
	color:#FFF;
}
.fivetab table
{
	border:1px solid #cdcdcd;
}
.fivetab table tr.tieude td
{
	background:url(images/bgprice_03.jpg) repeat-x;
	height:37px;
	border-right:1px solid #cdcdcd;
	color:#000000;
	font-size:12px;
	text-align:center;
}
.fivetab table tr
{
	line-height:37px;
	background:#eeeeee;	
}
.fivetab table tr td
{
	font-size:12px;
	text-align:center;	
	border-top:1px solid #cdcdcd;
	border-right:1px solid #cdcdcd;
	color:#666666;
}
.fivetab table tr td.cot1
{
	color:#0054ff;
	text-align:left;
	text-indent:3px;
}
.fivetab table tr td.cot5
{
	color:#ff1600;
}
.fivetab p.date
{
	color:#575757;
	font-size:12px;
	text-indent:10px;
}
.bgphoto
{
	background:url(images/bgphoto_12.png) no-repeat;
	width:269px;
	height:180px;
}
.bgphoto img
{
	width:251px;
	height:151px;
	padding: 15px 11px;
}
.photo #box-content ul li
{
	float:left;
	margin-right:12px;
	margin-bottom:20px;
}
.bgcomments
{
	background:#f3f3f3;
	height:auto;
	overflow:hidden;	
	border:1px solid #e2e2e2;
}
.bgcomments img {
    float: left;
    height: 60px;
	width:60px;
    padding: 0 10px 10px 10px;
}
.namecomments {
    color: #0363a3;
}
.textcomments {
    color: #646464;
    font-size: 12px;
    padding: 10px;
	background:#FFF;
	margin-left:110px;
	border:1px solid #d8d8d8;
}

.bgcomments span.write
{
	background:url(images/writecomment_03.png) no-repeat;
	width:156px; height:41px;
	display:block;
	float:right;
}
.bgcomments h2
{
	float:left;
	color:#646464;
	font-size:16px;
	line-height:40px;
	text-indent:13px;
}
.bgcomments ul li
{
	padding-bottom:10px;
}
.bgcomments ul li p
{
	line-height:19px !important;
}
.bgcomments .linecomment
{
	background:url(images/linecomments_03.jpg) repeat-x;
	height:2px;
	width:566px;
}
.red
{
	color:red;
	font-weight:bold;
}
.bgcomments form .labelfirst {
    display: block;
    float: left;
    line-height: 24px;
    width: 82px;
	color:#646464;
	font-weight:bold;
}
.bgcomments form input[type=text]
{
	background:#ffffff;
	border:1px solid #d8d8d8;
	width:185px;
	height:22px;
	border: 1px solid #D8D8DA;
    float: left;   
    line-height: 24px;
    margin: 0;
    padding: 0;
   
}
.bgcomments form .labellast
{
	float: left;
    line-height: 24px;
    margin-left: 27px;
    width: 52px;
	font-weight:bold;
}
.bgcomments form p img.captcha
{
	width:63px;
	height:24px;
	padding:0;
	margin:0 5px 10px 82px;	
}
.bgcomments form .textcaptcha
{
	width:126px !important;
}
.bgcomments form p
{
	overflow:hidden;
}
.bgcomments form textarea
{
	width:411px;
	height:116px;
	border:1px solid #d9d9d9;
}
.bgcomments form input[type=submit]
{
	background:url(images/bgsubmit_03.png) center no-repeat;
	width:132px;
	height:34px;
	border:0;
	cursor:pointer;
	color:#FFF;
	font-weight:bold;
	text-shadow: 0 -1px 1px #666666;
	margin-left:150px;
	margin-top:10px;
}
.bgcomments form
{
	padding:5px;
}
.bgcomments form input[type=submit]:hover
{
	color:#e1bc2a;
}
.tientrinh1 ul.bgtientrinh
{
	background:url(images/linetientrinh_03.png) no-repeat;
	width:569px;
	height:26px;
	margin:15px 0;
	float: left;
}
.tientrinh1 ul.bgtientrinh li.page-item
{
	color: #693202;
    float: left;
    font-size: 12px;
    height: 40px;
    line-height: 10px;
	font-weight:bold;
}
.tientrinh1 ul.bgtientrinh li.current-page-item
{
	color: #e1bc2a;
}
.tientrinh1 ul.bgtientrinh li.ht
{
	padding-left:50px;
}
.tientrinh1 ul.bgtientrinh li.cm
{
	padding-left:48px;
}
.tientrinh1 ul.bgtientrinh li.cr
{
	padding-left:32px;
}
.tientrinh1 form p
{
	overflow:hidden;
	line-height:20px;
	font-size:12px;
}
.tientrinh1 form .ten
{
	float: left;
    line-height: 25px;
    margin-right: 10px;
    text-align: left;
    width: 110px;
	color:#693202;
	font-size:12px;
}
.tientrinh1 form select
{
	width:130px;
	color:#7a7a7a;
	height:20px;
}
.tientrinh1 form input[type=submit]
{
	background:#f0ad00;
	width:89px;
	height:22px;
	border:0;
	margin-left:80px;
	cursor:pointer;
	text-shadow: 0 -1px 1px #666666;
	border-radius:5px;
	color:#622815;
}
.tientrinh1 form input[type=submit]:hover{
	color:white;
}
.tientrinh2 form textarea
{
	width:400px !important;
	height:100px !important;
}
.tientrinh2 form .homeadd
{
	width:400px !important;
}
.tientrinh2 form p
{
	overflow:hidden;
	padding-bottom:5px;
}
.tientrinh2 form input[type=text], .tientrinh2 form textarea
{
	width:296px;
	height:23px;
	border:1px solid #7f9db9;	
}
.
.tientrinh3 form img
{
	width:186px;	
}
.tientrinh3 form .namethanhtoan
{
	color:#169cff;
	font-size:14px;
	padding-left:5px;
	font-weight:bold;
}
.tientrinh3 form input[type=button]
{
	background:#0761bf;
	color:#FFF;
	border:0;
	cursor:pointer;
	padding:3px;
	width:80px;
	height:22px;
	border-radius:5px;
}
.tientrinh3 form input[type=submit]
{
	margin-left:10px !important;
}
.tientrinh3 form input[type=button]:hover
{
	font-weight:bold;
}
.danhsachtour .bgdanhsachtour
{
	background:url(images/bgdanhsachtour_03.jpg) no-repeat;
	width:119px;
	height:102px;
}
.danhsachtour ul li .bgdanhsachtour img
{
	width:101px;
	height:73px;
	padding:14px 9px;
}
.danhsachtour ul li p.tendanhsachtour a
{
	color:#0054ff;
	font-size:11px;
	/*text-shadow: 0px 1px #2a70ff;*/
	font-weight: bold;
}
.danhsachtour ul li
{
	float:left;
	padding:0 9px;
}
.danhsachtour ul li p
{
	font-size:11px;
	color:#666666;
}
.danhsachtour ul li p.tendanhsachtour a:hover
{
	
	text-decoration:underline;
}
.danhsachtour ul li p.giatour
{
	color:#ff000f;	
	/*text-shadow: 0px 1px #ff000f;*/
	font-weight: bold;
}
.pages {
    float: right;
    padding-top: 5px;
}
.pages span { 
    padding: 2px 3px;
}
.pages span.current {
   color:#07a4b6;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin-right: 5px;
    padding: 3px;
}
.pages a {
  
    color: #767676;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    margin-right: 5px;
    padding: 0px 3px;
}
.pages img
{
	width:12px;
	height:12px;
}
.tourinfo #box-content img
{
	width:154px;
	height:137px;
	float:left;
	margin-right:10px;
}
.tourinfo #box-content p
{
	color:#666666;
}
.tourinfo #box-content .dat
{
	width:118px;
	height:32px;
	float:right;
}
.tourinfo #box-content p.blue
{
	color:#0054ff;
	font-size:12px;
	font-weight:bold;
}
.dattour form .ten
{
	width:150px;
	color:#693202;
}
.dattour form p
{
	color:#666666;
	font-size:13px;
}
.danhsachdichvu ul li
{
	height:105px;
	overflow:hidden;
}
.danhsachdichvu ul li img
{
	width:135px;
	height:85px;
	padding:5px;
	border:1px solid #c4c4c4;
	float:left;
	margin-right:5px;
}
.danhsachdichvu ul li p a
{
	color:#00559F;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
}
.danhsachdichvu ul li p a:hover, .danhsachdichvu ul li p.viewall a:hover
{
	color:#f8920f;
}
.danhsachdichvu ul li p
{
	font-size:13px;
	color:#181818;
	line-height:20px;
	padding-right: 6px;
	text-align:justify;
}
.danhsachdichvu ul li p.viewall a
{
	color:#00559F;
	font-size:12px;
	font-style:italic;
	float:right;
	text-transform:none;
	font-weight:normal;
}
.contact .thongtin span.blue
{
	color:#0054ff;
	text-decoration:underline;
	font-weight:bold;
	font-size:12px;
}
.contact .thongtin p
{
	color:#666666;
	font-size:12px;
	line-height:22px;
}
.contact form p
{
	line-height:20px;
	color:#4c4c4c;
	font-size:12px;
}
.contact form p img
{
	float:left;
}
.contact form input[type=text]
{
	width:231px;
	height:23px;
	border:1px solid #4c4c4c;
	text-indent:5px;
	float:left;
	line-height:23px;
	margin-right:15px;
	margin-bottom:15px;
}
.contact form input[type=submit]
{
	background:#e1bc2a;
	border:1px solid #f9d71f;
	cursor:pointer;
	width:93px;
	float:left;
	height:25px;
	border-radius:5px;
	margin-left:10px;
	color:#3c3c3c;
}
.contact form input[type=submit]:hover
{
	color:#FFFFFF;
}
.contact form textarea
{
	width:483px;
	height:100px;
	border:1px solid #4c4c4c;
	text-indent:5px;
	margin:10px 0;
}
.thanksyou p
{
	color:#4c4c4c;
	font-size:12px;
	line-height:25px;
}
.thanksyou p.thanks
{
	color:#232323;
	font-size:16px;
	font-weight:bold;
}
.thanksyou p.second
{
	color:#4c4c4c;
	font-size:15px;
	font-weight:bold;
}

.support form input[type=submit]
{
	background:#e1bc2a;
	border:1px solid #f9d71f;
	cursor:pointer;
	width:50px;
	float:right;
	height:25px;
	border-radius:5px;
	margin-left:10px;
	color:#3c3c3c;
	position: relative;
	top: 18px;
	right: 30px;
}

.social
{
	float: right;
    padding-top: 10px;
    width: 430px;
}